import styled from 'styled-components'
export const Wrap = styled.div`
	padding: 15px 15px 0;
`
export const LineWrapper = styled.div`
	display: flex;
	align-items: center;
	.label {
		width: 95px;
	}
	&.name {
		padding: 15px 0 18px 0;
	}
	&.password {
		padding-bottom: 23px;
	}
	&.meetingSafe {
		padding: 15px 0;
	}
	&.watermark {
		padding-bottom: 20px;
	}
	&.loginFree {
		padding-bottom: 15px;
	}
	&.dcs {
		padding-top: 15px;
	}
	.tip {
		color: #b6b6b6;
		margin: 0 0 0 15px;
		width: 340px;
		font-size: 11px;
	}
	.kd-input-error-msg {
		white-space: nowrap;
	}
`
export const StyledBtn = styled.div`
	display: flex;
	justify-content: center;
	align-items: center;
	height: 23px;
	margin-top: 24px;
	margin-bottom: 30px;
	.btn {
		margin-right: 34px;
	}
`
export const DelayMeetingWrap = styled.div`
	// padding: 0 16px 18px 16px;
	.text {
		margin: 11px 0 15px 28px;
	}
	p {
		height: 42px;
		line-height: 42px;
	}
	.minute {
		height: 40px;
		display: flex;
	}
	.customMinuter {
		display: flex;
	}
	.customMinuter .label {
		margin: 0 20px 0 10px;
	}
`
export const DelayMetingStyledBtn = styled.div`
	display: flex;
	justify-content: center;
	align-items: center;
	height: 42px;
	padding: 10px 0;
`
